@mixin clearfix() {
	&:before,
	&:after {
		display: table;
		content: " ";
		clear: both;
	}
}

@mixin ellipsis($line: 1) {
	text-overflow: ellipsis;
	overflow: hidden;
	@if $line == 1 {
		white-space: nowrap;
	}
	@else {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: $line;
	}
}

@mixin bottom-half-line() {
  &:nth-last-child(n+2):after {
    content: '';
    background: rgba(151, 151, 151, .2);
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleY(.5);
  }
}

@mixin right-arrow() {
  width: 28px;
  height: 28px;
  background: center / contain url("https://gw.alicdn.com/tfs/TB10nb_HVzqK1RjSZSgXXcpAVXa-16-28.svg") no-repeat;
}
